<template>
    <e-scroll-ranking-board style="height:250px;width:450px;" :color="color" :items="items" @row-click="handleClick"></e-scroll-ranking-board>
</template>

<script>
import {EScrollRankingBoard} from "e-datav-vue3";

export default {
  name: 'ScrollBoard',
  components: {EScrollRankingBoard},
  data() {
    return {
      items: Array(10).fill(0).map((item, index) => {
        return {
          label: `测试${index}`,
          value: index * 100,
        }
      }),
      color: '#181818'
    }
  },
  methods: {
    handleClick(value, rowIndex) {
      console.log(value, rowIndex);
    }
  }
}
</script>
